<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> Buy &amp; Sell Scripts, Themes, Templates, App Source code, Plugins and more | Codester</title>

    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/style.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#x").click(function(){
                $("#s1").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#xx").click(function(){
                $("#s2").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#xxx").click(function(){
                $("#s3").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#xxxx").click(function(){
                $("#s4").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#xxx").click(function(){
                $("#s4").hide();
                $("#s2").hide();
                $("#s1").hide();
            });
        });
        $(document).ready(function(){
            $("#xxxx").click(function(){
                $("#s3").hide();
                $("#s2").hide();
                $("#s1").hide();
            });
        });
        $(document).ready(function(){
            $("#x").click(function(){
                $("#s4").hide();
                $("#s2").hide();
                $("#s3").hide();
            });
        });
        $(document).ready(function(){
            $("#xx").click(function(){
                $("#s4").hide();
                $("#s3").hide();
                $("#s1").hide();
            });
        });
    </script>

</head>
<body>
<!--导航-->
<nav class="navbar  navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <ul class="nav row">
                <li >
                    <a href="#"><img style="width:120px;height: 20px;" src="./img/logo.png" alt=""/></a>
                </li>
                <li class="y" style="position:relative;">
                    <a id="x" href="#">
                        Scripts&Code
                        <b  style="margin-top: 8px;"></b>
                    </a>
                    <div class="div1" id="s1" style="position:absolute; z-index:2; margin-left: 0px; background-color: white;height:252px;width: 150px;">
                        <p>PHP</p>
                        <p>javascript</p>
                        <p>Ruby</p>
                        <p>Python</p>
                        <p>Java</p>
                        <p>C&C++</p>
                        <p>C#</p>
                        <p>VB.Net</p>
                    </div>
                </li>
                <li class="y" style="position:relative;">
                    <a id="xx" href="#">
                        Mobile Apps
                        <b  style="margin-top: 8px;"></b>
                    </a>
                    <div class="div1" id="s2" style="position:absolute; z-index:2; margin-left:0px; background-color: white;height: 162px;width: 150px;">
                        <p>iOS</p>
                        <p>Android</p>
                        <p>Unity</p>
                        <p>Corona</p>
                        <p>Titanium</p>
                    </div>
                </li>
                <li class="y" style="position:relative;">
                    <a id="xxx" href="#">
                        Themes
                        <b  style="margin-top: 8px;"></b>
                    </a>
                    <div class="div1" id="s3" style="position:absolute; z-index:2; margin-left: 0px; background-color: white;height: 260lpx;width: 150px;">
                        <p>HTML</p>
                        <p>Wordpress</p>
                        <p>Magento</p>
                        <p>Joomla</p>
                        <p>Drupal</p>
                        <p>Opencart</p>
                        <p>Muse</p>
                        <p>Tumblr</p>
                        <p>Ghost</p>
                    </div>
                </li>
                <li class="y" style="position:relative;">
                    <a id="xxxx" href="#">
                        Plugins
                        <b  style="margin-top: 8px;"></b>
                    </a>
                    <div class="div1" id="s4" style="position:absolute; z-index:2; margin-left: 0px; background-color: white;height:260 252px;width: 150px;">
                        <p>Wordpress</p>
                        <p>Joomla</p>
                        <p>Magento</p>
                        <p>Drupal</p>
                        <p>Magento</p>
                        <p>Prestashop</p>
                        <p>osCommerce</p>
                        <p>X-Cart</p>
                        <p>Opencart</p>
                    </div>
                </li>


            </ul>
        </div>
    </div>
</nav>

<!--页头-->
<header class="text-center">
    <div class="header" style="width:100%; height:310px;margin-top: 40px;">
        <div  style="text-align:center;">

                <p>&nbsp;</p>
                <p style="color:white;font-size: 25px">Buy premium <b>scripts, themes, templates, source code</b></p>
                <p style="color:white;font-size: 25px">and <b>plugins</b> and build amazing websites & apps.</p>
                <p>&nbsp;</p>


            <div class="input-append row">
                <input  id="appendedInputButton" type="text"  placeholder="for exmaple `social networking script`" style="width: 700px;height: 40px;font-size: 18px;">
                <button class="btn" type="button" style="margin-top:-1px;height: 50px;width: 50px">搜</button>
            </div>
            <div class="container">
                <p>&nbsp;</p>
                <div class="row" style="margin-bottom: 10px;">
                    <div class="span3 text-center " style="margin-left: 170px;"><button class="btn1  btn-large" type="button" >Creat a free account<tton></div>
                    <div class="span3 text-center " style="margin-left: 5px;"><button class="btn2  btn-large" type="button" >Browse popular items<tton></div>
                    <div class="span3 text-center " style="margin-left: -15px;"><button class="btn3  btn-large" type="button" >Sell your work<tton></div>
                </div>
            </div>
        </div>
    </div>

</header>

<!--正文-->
<article  style="margin-top: 40px">
    <div class="container">

        <div class="span12 row" style="margin-bottom: 30px">
            <div class="span3">
                <p style="font-size: 20px; color:gray;">Featured Scripts & Code</p>
            </div>
            <div class="span3" style="float: right;">
                <a style="color: gray;font-size: 10px;" href="#">Browse Scripts & Code</a>
            </div>



        </div>
        <div class="row">
            <!--1-->
            <div class="span3 aa">
                <a href="#"><img src="./img/1.jpg" alt=""/></a>
                <div class="row">
                    <div class="span1">
                        <img style="margin-top: 10px;margin-left: 5px;width:64px;height: 64px;border-radius: 5px;" src="./img/11.png" alt=""/>
                    </div>
                    <div class="span2" style="color:black;margin-top:20px; margin-left:5px;width:152px;height: 42px;">
                        Askpe - Social Network PHP Script
                    </div>
                </div>
                <div class="bb">
                    <p style="color:gray;margin-top:20px;margin-left:5px;">Askpe - social network platform</p>
                </div>
                <div style='background-color: transparent;border-color: transparent;'>
                    <a class="button1" href="#"><img src="./img/button1.png" alt=""/></a>
                </div>
                <div style="margin-top: 20px;" class="row">
                    <div style="margin-left: 20px;" class="span1">
                        <img style="width:20px;height: 20px;" src="./img/php.png" alt=""/>  php
                    </div>
                    <div style="float:right;" class="span1">
                        <b style="font-size: 17px;">$19</b>
                    </div>
                </div>
            </div>
            <!--2-->
            <div class="span3 aa">
                <a href="#"><img src="./img/2.jpg" alt=""/></a>
                <div class="row">
                    <div class="span1">
                        <img style="margin-top: 10px;margin-left: 5px;width:64px;height: 64px;border-radius: 5px;" src="./img/22.png" alt=""/>
                    </div>
                    <div class="span2" style="color:black;margin-top:20px;margin-left:5px;width:152px;height: 42px;">
                        Rating System PHP AJAX and SQLite
                    </div>
                </div>
                <div class="bb">
                    <p style="color:gray;margin-top:20px;margin-left:5px;">This rating system is written in PHP. It uses AJAX, PHP session and SQLite.</p>
                </div>
                <div style='background-color: transparent;border-color: transparent;'>
                    <a  href="#"><img src="./img/button1.png" alt=""/></a>
                </div>
                <div style="margin-top: 20px;" class="row">
                    <div style="margin-left: 20px;" class="span1">
                        <img style="width:20px;height: 20px;" src="./img/php.png" alt=""/>  php
                    </div>
                    <div style="float:right;" class="span1">
                        <b style="font-size: 17px;">$17</b>
                    </div>

                </div>

            </div>
            <!--3-->
            <div class="span3 aa">
                <a href="#"><img src="./img/3.jpg" alt=""/></a>
                <div class="row">
                    <div class="span1">
                        <img style="margin-top: 10px;margin-left: 5px;width:64px;height: 64px;border-radius: 5px;" src="./img/33.png" alt=""/>
                    </div>
                    <div class="span2" style="color:black;margin-top:20px;margin-left:5px;width:152px;height: 42px;">
                        DropShare - File Sharing PHP Script
                    </div>
                </div>
                <div class="bb">
                    <p style="color:gray;margin-top:20px;margin-left:5px;">DropShare is a PHP script created to allow web developers to use or create(open) their own file s...</p>
                </div>
                <div style='background-color: transparent;border-color: transparent;'>
                    <a  href="#"><img src="./img/button1.png" alt=""/></a>
                </div>
                <div style="margin-top: 20px;" class="row">
                    <div style="margin-left: 20px;" class="span1">
                        <img style="width:20px;height: 20px;" src="./img/php.png" alt=""/>  php
                    </div>
                    <div style="float:right;" class="span1">
                        <b style="font-size: 17px;">$19</b>
                    </div>

                </div>
            </div>
            <!--4-->
            <div class="span3 aa">
                <a href="#"><img src="./img/4.jpg" alt=""/></a>
                <div class="row">
                    <div class="span1">
                        <img style="margin-top: 10px;margin-left: 5px;width:64px;height: 64px;border-radius: 5px;" src="./img/44.png" alt=""/>
                    </div>
                    <div class="span2" style="color:black;margin-top:20px;margin-left:5px;width:152px;height: 42px;">
                        Advance Ajax Login System - PHP Script
                    </div>
                </div>
                <div class="bb">
                    <p style="color:gray;margin-top:20px;margin-left:5px;">The Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...</p>
                </div>
                <div style='background-color: transparent;border-color: transparent;'>
                    <a  href="#"><img src="./img/button1.png" alt=""/></a>
                </div>
                <div style="margin-top: 20px;" class="row">
                    <div style="margin-left: 20px;" class="span1">
                        <img style="width:20px;height: 20px;" src="./img/php.png" alt=""/>  php
                    </div>
                    <div style="float:right;" class="span1">
                        <b style="font-size: 17px;">$19</b>
                    </div>

                </div>
            </div>
        </div>
    </div>



</article>

<!--页脚-->
<footer>
    <div class="footer1 container text-center" style="text-align:center;">
        <div class="row" style="margin-left: 100px;margin-top: 50px;">
            <div class="span3 f1">

                <div class="row span3">
                    <p style="font-size: 20px;float: left; color:#ffffff;"><b>Follow</b> us</p>
                </div>

                <div style="margin-top: 70px;">
                    <a href="#"><img src="./img/facebook.png" alt=""/></a>
                    <a href="#"><img src="./img/twitter.png" alt=""/></a>
                    <a href="#"><img src="./img/google.png" alt=""/></a>
                    <a href="#"><img src="./img/pintertest.png" alt=""/></a>
                    <a href="#"><img src="./img/codester.png" alt=""/></a>
                </div>
            </div>

            <div class="span3 f1">
                <div>
                    <p style="font-size: 20px;float: left;color:#ffffff;"><b>Popular</b> categories</p>
                </div>
                <div style="margin-top:50px;margin-left: 20px; ">
                    <div class="row">
                        <a class="word" href="#">PHP Scripts</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Android App Source Code</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">iOS App Source Code</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Wordpress Plugins</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Wordpress Themes</a>
                    </div>
                </div>
            </div>

            <div class="span3 f1">
                <div class="row span3">
                    <p style="font-size: 20px;float: left;color:#ffffff;"><b>More</b> info</p>
                </div>
                <div style="margin-top:50px;margin-left: 40px; ">
                    <div class="row">
                        <a class="word" href="#">About Codester</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Sell your work</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Affiliate program</a>
                    </div>
                </div>
            </div>

            <div class="span3 f1">
                <div class="row span3">
                    <p style="font-size: 20px;float: left; color:#ffffff;"><b>Help</b> & support</p>
                </div>
                <div style="margin-top:50px;margin-left: 40px; ">
                    <div class="row">
                        <a class="word" href="#">Support</a>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Forum</a>
                        <img style="float: left;" src="./img/new.png" alt=""/>
                    </div>
                    <div class="row">
                        <a class="word" href="#">Blog</a>
                    </div>
                </div>


            </div>

        </div>
    </div>
<!--底部    -->
    <div class="footer2 container text-center">
        <div style="margin-top: 25px;margin-left: 140px;">
            <a class="word" href="#">Contact  </a>
            <a class="word" href="#">Terms & conditions  </a>
            <a class="word" href="#">Member terms  </a>
            <a class="word" href="#">Privacy policy  </a>
        </div>
        <div style="margin-top: 25px;">
            <p>Codester © 2015</p>
        </div>

    </div>


</footer>




</body>
</html>